19 Fantastic JavaScript For Slideshow Tools

1. Builder for Lush Content Slider

featured image

Edit animations in a few clicks, preview and export the markup for your page.Automatic markup generation for Lush Slider

Javascript code invocation

Predefined style classes for text and buttons

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Keyboard support: the left and right arrows can be used for navigation (optional).2013 – Fixed some bugs related to the lightbox and added better support for mobile detection.

More Details

4. Royal 3D Carousel

featured image

It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Support for images and HTML content. Support for multiple categories and each category can have it’s own set of thumbnails. Fast CSS3 & JavaScript engine.

More Details

5. Sky jQuery Touch Carousel

featured image

Auto slideshow and loop. Hardware acceleration (Uses GPU for graphic intensive tasks)

Coded in object oriented JavaScript. (Minified JavaScript file)

(Non-minified JavaScript source code)

More Details

6. Shuffling Tiles jQuery Plugin

featured image

This is useful for SEO optimization & enhanced usability

special layout for mobile devices.- tiles dimensions for width, height and padding

A basic events system, for advanced JavaScript customization.

More Details

7. DimViewer (images/PDFs tool)

featured image

What DimViewer can do for your images ?

You can choose a Slideshow or a picture Slider tool.DimViewer use Google Arts/Google Maps technology; process your images and create a small JavaScript.It use pure JavaScript without any plugins; Which means it’s cross browser. What DimViewer can do for your PDF files?

Again it use cross-browser pure JavaScript.DimViewer will generate a group of tile images and a JavaScript (dimviewer1.Copy outcome tile images and Javascript (dimviewer1.Following example code that use outcome tile image and Javascript (dimviewer1.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">

for example:enable thumbnail, enable full screen, set back ground color and so on.

More Details

8. Responsive Gridfolio

featured image

Support for multiple categories, of course it can still be used with a single category as before.Added support for MSPointer events for windows8 mobile. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Keyboard support: the left and right arrows can be used for navigation (optional).2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.

More Details

9. iLightBox · Revolutionary Lightbox Plugin

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible.Advanced JavaScript API considered.Developed with pure object oriented JavaScript

“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio

Thanks for the great job.

More Details

10. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

Touch drag navigation for thumbnail navigator is allowed

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Javascript code deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

11. Ultimate Smart Slider - Responsive

featured image

40 Transition Effects for the images

11 Transition Effects for the captions

Support any HTML in the name of the images (for captions)

Default Javascript Options

More Details

12. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

Touch drag navigation for thumbnail navigator is allowed

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Javascript code deep compression by smart compression engine

Auto slideshow with optional pause on hover

eBay friendly, eligible for eBay Store, eBay Listing

More Details

13. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button. Support thumbnails for the grid only to the images you want to improve performance

You can specify a static width for each column or specify number of columns

When specifying the number of columns you can set the minimum width for each column

Lightbox with slideshow (play, pause, auto-play)

Deactivate and Activate Features through Javascript Options

More Details

14. Rockstar Slider - jQuery touch slider/gallery

featured image

It has been a hard couple of months for me and I was unable to provide support due to lack of time, but that will change. I want to thank all of my customers and to apologize for not providing support. Thanks to everyone again for their patience and tolerance, I really appreciate it!

Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. <div class="slideshow">

That is all you need to make the slideshow work! No slideshow JavaScript code is needed and no external CSS file.

More Details

15. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Option to set shuffle mode for slideshow

Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow

More Details

16. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

Javascript blur effect

A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. Aspects of the gallery change to reflect the browser window size for the best impression on any device. Autoplay slideshow option

Autohide timer for navigation and thumbnails

Different settings for each category

Overlay box appearance can be set up for each photo

Photos for demonstration by Tomas Pospichal Photography – http://pospo. added option to disable autohide for photo description overlay

More Details

17. Filter Slider - jQuery Image Manipulation

featured image

The main goal of FilterSlider is to manipulate images and HTML content slider using canvas, jQuery library and Javascript. For IE 8 a fallback solution is provided using the grayscale effect available on IE platform. 16 filter effects for images and free HTML slideshow

Adjustable speed, transition, easing and effects for each caption or slide

Support for inline content

Smart scale mode for images

More Details

18. FrameIt - Responsive jQuery Plugin

featured image

FrameIt – A responsive jQuery slideshow with thumbnails plugin for frame images

Create a plugin that allows give a touch of life to images, ready for use on presentations, personal web portfolios or simply, a scroll of images.Support for all majors browser

Auto slideshow with images

Separate images for each frame

+20 presets for all images orientations

Powered by jQuery & JavaScript

Images shown in the preview are not included in the download and are for demonstration purposes only.“Like it! Very clean and really adds a nice effect for your images.Added support for autoslideshow

Added support for css3 double border

Added support for separates image for frames

Added support for anchor frames

More Details

19. Full Width Slider 2

featured image

Full Width Slider 2 is easy to use jQuery image slider optimized for full screen width. Auto slideshow with pause on hover.

More Details

20. jQuery 3D Grid Card Plugin

featured image

Auto delay slideshow, hove to pause. Un-minified javascript, FAQ are include in the source package.Recommendations For You

For the iPhone screenshot in the preview http://dkeulen.

More Details